﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>GG音乐</title>
		<link rel="icon" type="image/gif" href="img/tb.gif" />
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<script src="js/jquery1.42.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.SuperSlide.2.1.3.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		
		<!--hearder start-->
		<div class="hearder">
			
			<nav>
				<ul>
					<li class="logo"><a href="#"><img src="img/logo.png"/></a></li>
					<li><a href="#">音乐馆</a></li>
					<li><a href="#">我的音乐</a></li>
					<li><a href="#">客户端</a></li>
					<li><a href="#">VIP</a></li>
				</ul>
				<div class="top1">
					<div class="ssk">
						<a href="#"><img src="img/ss.png"/></a>
						<input placeholder="搜索音乐/MV/歌单/歌手" type="text"/>
					</div>
					<a class="dl" href="#">登录 | 注册</a>
				</div>
			</nav>
			
		</div>
		<!--hearder end-->
		
		<!--main01 start-->
		<div class="main01">
			<ul>
				<li><a href="#">推荐</a></li>
				<li><a href="#">排行榜</a></li>
				<li><a href="#">歌手</a></li>
				<li><a href="#">歌单</a></li>
				<li><a href="#">MV</a></li>
			</ul>
		</div>	
		<!--main01 end-->
		
		<!--banner start-->
		<div class="banner">
				<div class="bd">
					<ul>
						<li><img src="img/banner01.jpg" /></li>
						<li><img src="img/banner02.jpg" /></li>
						<li><img src="img/banner03.jpg" /></li>
						<li><img src="img/banner04.jpg" /></li>
					</ul>
				</div>
				<div class="hd">
					<ul>
						<li></li>
						<li></li>
						<li></li>
						<li></li>
					</ul>
				</div>
				<img class="prev" src="img/zuo.png"/>
				<img class="next" src="img/you.png"/>
		</div>
		<!--banner end-->
		<script type="text/javascript">
			
			jQuery(".banner").slide({	
				mainCell: ".bd ul",
				autoPlay: true,
				effect:"left"
			});
				
			//页面大小改变刷新
			$(window).resize(function(){
   				location.reload( )
			});
				
			</script>
			
		<!--main02 start-->
		<div class="main02">
			<p>
				<span>歌单推荐</span>
				<a href="#">为你推荐</a>
				<a href="#">轻音乐</a>
				<a href="#">治愈</a>
				<a href="#">00后</a>
				<a href="#">更多&nbsp;></a>
			</p>
			<div class="neirong">
				<li>
					<div class="a1">
						<div class="kuangdu">
							<img src="img/main02 a.jpg"/>
						</div>
						<span>每日最新单曲推荐</span>
						<p>播放量：258.4万</p>
					</div>
				</li>
				<li>
					<div class="a1">
						<div class="kuangdu">
							<img src="img/main02 b.jpg"/>
						</div>
						<span>影视沙场|阳关处刀光剑影无情，佳人待回眸</span>
						<p>播放量：21.2万</p>
					</div>
				</li>
				<li>
					<div class="a1">
						<div class="kuangdu">
							<img src="img/main02 c.jpg"/>
						</div>
						<span>网络热门男女情歌对唱</span>
						<p>播放量：9263</p>
					</div>
				</li>
				<li>
					<div class="a1">
						<div class="kuangdu">
							<img src="img/main02 d.jpg"/>
						</div>
						<span>伤感1一首歌，一个故事,总会想起一段回忆</span>
						<p>播放量：1.5万</p>
					</div>
				</li>
				<li>
					<div class="a1">
						<div class="kuangdu">
							<img src="img/main02 e.jpg"/>
						</div>
						<span>[古风]闲时一首古风小曲，悠哉悠哉</span>
						<p>播放量：28.4万</p>
					</div>
				</li>
			</div>
		</div>
		<!--main02 end-->
		
		<!--main03 start-->
		<div class="main03">
			<p>
				<span>精彩推荐</span>
			</p>
			<a href="#"><img src="img/main03 a.jpg"/></a>
			<a href="#"><img src="img/main03 b.jpg"/></a>
		</div>
		<!--main03 end-->
		
		<!--main04 start-->
		<div class="main04">
			<p>
				<span>排行榜</span>
				<a href="#">更多&nbsp;></a>
			</p>
			<ul>
				<li class="phb_a">
					<p><a href="#">热歌榜</a></p>
					<a href="#">
						<dd>1&nbsp;&nbsp;飞鸟和蝉</dd>
						<dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任然</dt>
					</a>
					<a href="#">
						<dd>2&nbsp;&nbsp;破禅</dd>
						<dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;张韵涵</dt>
					</a>
					<a href="#">
						<dd>3&nbsp;&nbsp;不知所措</dd>
						<dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;王靖雯不胖</dt>
					</a>
				</li>
				
				
				<li class="phb_b">
					<p><a href="#">新歌榜</a></p>
					<a href="#">
						<dd>1&nbsp;&nbsp;风起了</dd>
						<dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;周深</dt>
					</a>
					<a href="#">
						<dd>2&nbsp;&nbsp;日不落（抒情版）</dd>
						<dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;张大蕾</dt>
					</a>
					<a href="#">
						<dd>3&nbsp;&nbsp;朱砂</dd>
						<dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任然/xun(易硕成)</dt>
					</a>
				</li>
				
				<li class="phb_c">
					<p><a href="#">飙升榜</a></p>
					<a href="#">
						<dd>1&nbsp;&nbsp;有没有</dd>
						<dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;薛之谦</dt>
					</a>
					<a href="#">
						<dd>2&nbsp;&nbsp;朱砂</dd>
						<dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任然/xun(易硕成)</dt>
					</a>
					<a href="#">
						<dd>3&nbsp;&nbsp;厚颜无耻</dd>
						<dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;曲肖冰</dt>
					</a>
				</li>
				
				<li class="phb_d">
					<p><a href="#">欧美榜</a></p>
					<a href="#">
						<dd>1&nbsp;&nbsp;Childhood Dreams</dd>
						<dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Seraphine/Jasmine Clarke/Absofacto</dt>
					</a>
					<a href="#">
						<dd>2&nbsp;&nbsp;THE BADDEST</dd>
						<dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;K/DA/田小娟 (전소연)/美延 (미연)/Bea Miller/Wolftyla</dt>
					</a>
					<a href="#">
						<dd>3&nbsp;&nbsp;POP/STARS</dd>
						<dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Seraphine/Jasmine Clarke/Absofacto</dt>
					</a>
				</li>
				
				<li class="phb_e">
					<p><a href="#">日韩榜</a></p>
					<a href="#">
						<dd>1&nbsp;&nbsp;WANNA BE MYSELF</dd>
						<dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;MAMAMOO (마마무)</dt>
					</a>
					<a href="#">
						<dd>2&nbsp;&nbsp;내일은 고백할게 (明天我要告白)</dd>
						<dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;太妍 (태연)</dt>
					</a>
					<a href="#">
						<dd>3&nbsp;&nbsp;마리아 (Maria)</dd>
						<dt>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;华莎 (화사)</dt>
					</a>
				</li>
				
			</ul>
		</div>
		<!--main04 end-->
		
		<!--main05 start-->
		<div class="main05">
			<p>
				<span>歌手推荐</span>
				<a href="#">华语</a>
				<a href="#">欧美</a>
				<a href="#">日韩</a>
				<a href="#">组合</a>
				<a href="#">更多&nbsp;></a>
			</p>
			<ul>
				<li>
					<a class="geshou tx_a"></a>
					<a class="rm">林俊杰</a>
					<span>1284首歌曲</span>
				</li>
				<li>
					<a class="geshou tx_b"></a>
					<a class="rm">薛之谦</a>
					<span>502首歌曲</span>
				</li>
				<li>
					<a class="geshou tx_c"></a>
					<a class="rm">G.E.M.邓紫棋</a>
					<span>920首歌曲</span>
				</li>
				<li>
					<a class="geshou tx_d"></a>
					<a class="rm">阿悠悠</a>
					<span>137首歌曲</span>
				</li>
				<li>
					<a class="geshou tx_e"></a>
					<a class="rm">等什么君</a>
					<span>160首歌曲</span>
				</li>
				<li>
					<a class="geshou tx_f"></a>
					<a class="rm">刘德华</a>
					<span>3857首歌曲</span>
				</li>
			</ul>
		</div>
		<!--main05 end-->
		
		<!--main06 start-->
		<div class="main06">
			<p>
				<span>精选MV</span>
				<a href="#">内地</a>
				<a href="#">韩国</a>
				<a href="#">港台</a>
				<a href="#">欧美</a>
				<a href="#">日本</a>
				<a href="#">更多&nbsp;></a>
			</p>
			<ul>
				<li>
					<a href="#">
						<div class="mv">
							<img src="img/main06a.jpg"/>
						</div>
					</a>
					<a href="#"><dt>真心英雄〔电影《夺冠》推广曲)</dt></a>
					<a class="kdxz" href="#"><dd>刺猬乐团</dd></a>
				</li>
				<li>
					<a href="#">
						<div class="mv">
							<img src="img/main06b.jpg"/>
						</div>
					</a>
					<a href="#"><dt>遥望2020 (《风犬少年的天空》青春剧片尾曲)</dt></a>
					<a class="kdxz" href="#"><dd>周迅</dd></a>
				</li>
				<li>
					<a href="#">
						<div class="mv">
							<img src="img/main06c.jpg"/>
						</div>
					</a>
					<a href="#"><dt>Holy (Performance Version)</dt></a>
					<a class="kdxz" href="#"><dd>Justin Bieber</dd></a>
				</li>
				<li>
					<a href="#">
						<div class="mv">
							<img src="img/main06d.jpg"/>
						</div>
					</a>
					<a href="#"><dt>Whenever You Call</dt></a>
					<a class="kdxz" href="#"><dd>嵐</dd></a>
				</li>
				<li>
					<a href="#">
						<div class="mv">
							<img src="img/main06e.jpg"/>
						</div>
					</a>
					<a href="#"><dt>末班飞行</dt></a>
					<a class="kdxz" href="#"><dd>汪苏泷</dd></a>
				</li>
				<li>
					<a href="#">
						<div class="mv">
							<img src="img/main06f.jpg"/>
						</div>
					</a>
					<a href="#"><dt>自由が丘</dt></a>
					<a class="kdxz" href="#"><dd>高桥优</dd></a>
				</li>
				<li>
					<a href="#">
						<div class="mv">
							<img src="img/main06g.jpg"/>
						</div>
					</a>
					<a href="#"><dt>缘起诛仙 (《诛仙3》端游13周年主题曲)</dt></a>
					<a class="kdxz" href="#"><dd>胡夏</dd></a>
				</li>
				<li>
					<a href="#">
						<div class="mv">
							<img src="img/main06h.jpg"/>
						</div>
					</a>
					<a href="#"><dt>舍近求远</dt></a>
					<a class="kdxz" href="#"><dd>汪东城</dd></a>
				</li>
				<li>
					<a href="#">
						<div class="mv">
							<img src="img/main06i.jpg"/>
						</div>
					</a>
					<a href="#"><dt>Cruel Intentions</dt></a>
					<a class="kdxz" href="#"><dd>Delacey</dd></a>
				</li>
				<li>
					<a href="#">
						<div class="mv">
							<img src="img/main06j.jpg"/>
						</div>
					</a>
					<a href="#"><dt>미친 놈 (Ex)</dt></a>
					<a class="kdxz" href="#"><dd>Stray Kids</dd></a>
				</li>
			</ul>
		</div>
		<!--main06 end-->
		
		<!--footer start-->
		<div class="footer">
			<p><a href="#">关于GG</a>&nbsp; | &nbsp;<a href="#">服务条款</a>&nbsp; | &nbsp;<a href="#">用户服务协议</a>&nbsp; | &nbsp;<a href="#">隐私政策</a>&nbsp; |  &nbsp;<a href="#">权利声明</a>&nbsp;  |  &nbsp;<a href="#">广告服务</a>&nbsp; |  &nbsp;<a href="#">客服中心</a></p>
			<p>© Copyright 2020 youlingang. <a href="#">All Rights Reserved. </a></p>
			<p>GG公司&nbsp;&nbsp; <a href="#">版权所有 </a></p>
		</div>
		<!--footer end-->
		
	</body>
</html>
